<template>

  <v-layout class="overflow-visible" style="height: 56px;">
    <v-bottom-navigation
        v-model="value"
        color="primary"
        horizontal
    >
      <v-btn>
        <v-icon>mdi-history</v-icon>
        Recents
      </v-btn>

      <v-btn>
        <v-icon>mdi-heart</v-icon>

        Favorites
      </v-btn>

      <v-btn>
        <v-icon>mdi-map-marker</v-icon>

        Nearby
      </v-btn>
    </v-bottom-navigation>
  </v-layout>
</template>
<script lang="ts" setup>

const value =ref(1)

</script>